<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Hi Buy Bye</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="css/mestre.css" type="text/css" />
    </head>
    <body>
        <div class="container">
            <footer>
                <div id="f-container">
                    <div class="f-coluna">
                        <h3>Hi Buy Bye</h3>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis diam quis purus sodales eget placerat lacus euismod. Etiam cursus ultrices turpis pulvinar mattis.
                        </p>
                    </div>

                    <div class="f-coluna">
                        <h3>Atendimento</h3>
                        <h4>4004-0000</h4>
                        <p>Para clientes de Internet</p>
                        <h4>4002-0000</h4>
                        <p>Clientes das Lojas Físicas</p>
                    </div>

                    <div class="f-coluna">
                        <h3 class="f-title">Menu</h3>
                        <ul>
                            <li>
                                <a href="index.jsp">HOME</a>
                            </li>
                            <li>
                                <a href="shop.jsp">SHOP</a>
                            </li>
                            <li>
                                <a href="#">CHECKOUT</a>
                            </li>
                            <li>
                                <a href="#">CONTATO</a>
                            </li>
                            <li>
                                <a href="#">SOBRE A EMPRESA</a>
                            </li>
                        </ul>
                    </div>

                    <div class="f-coluna">
                        <h3>Redes Sociais</h3>
                        <div id="f-galeria">
                            <div class="f-imagem"><a href="img/r1.png"><img src="img/r1.png" alt="#" title="#"></a></div>
                            <div class="f-imagem"><a href="img/r2.png"><img src="img/r2.png" alt="#" title="#"></a></div>
                            <div class="f-imagem"><a href="img/r3.png"><img src="img/r3.png" alt="#" title="#"></a></div>
                            <div class="f-imagem"><a href="img/r4.png"><img src="img/r4.png" alt="#" title="#"></a></div>
                        </div>

                        <h3>Formas de pagamento</h3>
                        <div id="f-galeria">
                            <div class="f-imagem2"><img src="img/p1.gif" alt="#" title="#" /></div>
                            <div class="f-imagem2"><img src="img/p2.gif" alt="#" title="#" /></div>
                            <div class="f-imagem2"><img src="img/p3.gif" alt="#" title="#" /></div>
                        </div>
                    </div>
                </div>
            </footer>
            </div> <!-- Fecha Div Container -->
            <div id="copyright">
                <p>COPYRIGHT 2013 - <a href="#">HI BUY BYE!</a></p>
            </div>
        
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>
